<!-- <form class="form-inline">
  <div class="box box-default collapsed-box">
    <div class="form-group col-lg-12">
      <label class="control-label text-right">组合名称:</label>
      <input class="form-control" type="text" placeholder="请输入组合名称">
      <label class="control-label text-right">组合类型:</label>
      <input class="form-control" type="text" placeholder="请输入组合类型">
      <label class="control-label text-right">托管行:</label>
      <input class="form-control" type="text" placeholder="请输入托管行">
      <button type="button" class="btn btn-primary">
                      <i class="fa fa-search"></i>查询</button>
      <button type="button" class="btn btn-primary">
                      <i class="fa fa-sign-out"></i>导出Excel</button>
      <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                      <i class="fa fa-plus"></i>
                    </button>
    </div>
    <div class="box-body" style="padding-left:0px !important">
      <div class="form-group col-lg-12" style="margin-top:10px;">
        <label class="control-label text-right">组合代码:</label>
        <input class="form-control" type="text" placeholder="请输入组合代码">
        <label class="control-label text-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内容:</label>
        <input class="form-control" type="text" placeholder="请输入内容">
        <label class="control-label text-right">托管人:</label>
        <input class="form-control" type="text" placeholder="请输入托管人">

      </div>
    </div>
  </div>
</form> -->

<div class="row">
  <div class="col-xs-12">
    <div class="box-header">
      <h3 class="box-title">基本管理费</h3>
    </div>
    <div class="box-body">
      <div style="overflow-x:scroll;">
        <table id="example2" class="datatable-control-all table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th>计提费率</th>
              <th>支付频率</th>
              <th>计提条件</th>
              <th>支付条件</th>
              <th>支付流程</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of manageInfo" style="text-align: center; vertical-align: middle; ">
              <td>{{item.sAccRate}}</td>
              <td>{{item.sPayFreBasic}}</td>
              <td>{{item.sAccCon}}</td>
              <td>{{item.sPayConBasic}}</td>
              <td>{{item.sPayProBasic}}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="box-footer clearfix">
        <!-- <ul class="pagination pagination-sm no-margin pull-right">
          <li>
            <a href="#">&laquo;</a>
          </li>
          <li>
            <a href="#">1</a>
          </li>
          <li>
            <a href="#">2</a>
          </li>
          <li>
            <a href="#">3</a>
          </li>
          <li>
            <a href="#">&raquo;</a>
          </li>
        </ul> -->
      </div>
    </div>
  </div>

</div>
<div class="row">
  <div class="col-xs-12">
    <div class="box-header">
      <h3 class="box-title">业绩报酬</h3>
    </div>
    <div class="box-body">
      <div style="overflow-x:scroll;">
        <table id="example2" class="datatable-control-all table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th>业绩基准</th>
              <th>计提比例</th>
              <th>计提上限</th>

              <th>计提公式</th>
              <th>计提频率</th>
              <th>支付频率</th>
              <th>支付条件</th>
              <th>支付流程</th>


            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of manageInfo" style="text-align: center; vertical-align: middle; ">
              <td>{{item.sAch}}</td>
              <td>{{item.sAccPro}}</td>
              <td>{{item.sAccLimit}}</td>
              <td>{{item.sAccFormula}}</td>
              <td>{{item.sAccFre}}</td>
              <td>{{item.sPayFre}}</td>
              <td>{{item.sPayCon}}</td>
              <td>{{item.sPayPro}}</td>



            </tr>
          </tbody>
        </table>
      </div>
      <div class="box-footer clearfix">
        <!-- <ul class="pagination pagination-sm no-margin pull-right">
          <li>
            <a href="#">&laquo;</a>
          </li>
          <li>
            <a href="#">1</a>
          </li>
          <li>
            <a href="#">2</a>
          </li>
          <li>
            <a href="#">3</a>
          </li>
          <li>
            <a href="#">&raquo;</a>
          </li>
        </ul> -->
      </div>
    </div>
  </div>

</div>

<div class="row">
  <div class="col-xs-12">
    <div class="box-header">
      <h3 class="box-title">其他费用</h3>
    </div>
    <div class="box-body">
      <div style="overflow-x:scroll;">
        <table id="example2" class="datatable-control-all table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th>受托费相关信息</th>
              <th>托管费相关信息</th>

            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of manageInfo" style="text-align: center; vertical-align: middle; ">
              <td>{{item.sCommFeeinfo}}</td>
              <td>{{item.sTrusteeFeeinfo}}</td>


            </tr>
          </tbody>
        </table>
      </div>
      <div class="box-footer clearfix">
        <!-- <ul class="pagination pagination-sm no-margin pull-right">
          <li>
            <a href="#">&laquo;</a>
          </li>
          <li>
            <a href="#">1</a>
          </li>
          <li>
            <a href="#">2</a>
          </li>
          <li>
            <a href="#">3</a>
          </li>
          <li>
            <a href="#">&raquo;</a>
          </li>
        </ul> -->
      </div>
    </div>
  </div>

</div>
